//样式重置
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:"苹方","Droid Sans Fallback","Heiti SC ","微软雅黑",sans-serif;
    outline:0;
}


html{
	font-size:14px * @ratio;
}

ul,li,dl,dt,dd,ol{
	list-style:none;
}

a{
	text-decoration:none;
}

body{
	line-height:@line-height-base;
	color:@color-default;
}

//标题
h1,.h1{
	font-size:@font-h1;
}

h2,.h2{
	font-size:@font-h2;
}

h3,.h3{
	font-size:@font-h3;
}

h4,.h4{
	font-size:@font-h4;
}

h5,.h5{
	font-size:@font-h5;
}

h6,.h6{
	font-size:@font-h6;
}

img {
	vertical-align:middle;
}

//浮动相关
.clearfix{
    &:after{
      content:"";
      display:table;
      clear:both;
    }
}

.pull-left{
    float:left!important;
}

.pull-right{
	float:right!important;
}



//两端对齐
.row-justify{
	text-align:justify;
	font-size:0;

	&:after{
		content:"";
		display:inline-block;
		width:100%;
		height:0;
		overflow:hidden;
	}

	li {
		display:inline-block;
	}
}

//显示隐藏
.hidden{
	display:none;
}

.show {
	display:block;
}

//文字截断
.nowrap {
  white-space:nowrap;
  word-break:normal;
  word-wrap:normal;
  overflow: hidden;
  text-overflow:ellipsis;
}

.break {
  white-space:normal;
  word-break:break-all;
  word-wrap:break-word;
}

.nowrap-2{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.nowrap-3{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}


//边框
.border-default {
	border:solid 1px @border-default;
}

.border-t{
	border-top:solid 1px @border-default;
}

.border-l{
	border-left:solid 1px @border-default;
}

.border-r{
	border-right:solid 1px @border-default;
}

.border-b{
	border-bottom:solid 1px @border-default;
}

.border-tb{
	border-top:solid 1px @border-default;
	border-bottom:solid 1px @border-default;
}

.border-lr{
	border-left:solid 1px @border-default;
	border-right:solid 1px @border-default;
}

//留白
.whitespace-h {
	padding-left:@whitespace-s;
	padding-right:@whitespace-s;
}

.whitespace-l{
	padding-left:@whitespace-s;
}

.whitespace-r{
	padding-right:@whitespace-s;
}

@media(min-width:@screen-l){
	.whitespace-h {
		padding-left:@whitespace-l;
		padding-right:@whitespace-l;
	}

	.whitespace-l{
		padding-left:@whitespace-l;
	}

	.whitespace-r{
		padding-right:@whitespace-l;
	}
}

